<template>
  <n-message-provider>
    <MessageApi />
    <transition name="el-fade-in-linear">
      <router-view></router-view>
    </transition>
  </n-message-provider>
</template>
<script lang="ts" name="App">
  import { NMessageProvider } from 'naive-ui'
  import MessageApi from '@/components/message-api.vue'

  export default {
    name: 'App',
    components: { MessageApi, NMessageProvider },
  }
</script>
<style>
  * {
    margin: 0;
    padding: 0;
  }
</style>
